import React from 'react'
import ReactDOM from 'react-dom'

class Title extends React.Component {
  render () {
    return (
      <h1>标题</h1>
    )
  }
}
class Content extends React.Component {
  render () {
    return (
      <section>内容</section>
    )
  }
}
class App extends React.Component {
  // render 是react组件必不可少的生命周期钩子函数
  // render 函数必须得有返回值
  // 可以返回一段 jsx 代码
  // jsx 代码可以看作是 vue 组件中的模版
  // 如果jsx代码复杂，可以使用 () 包裹jsx代码
  render () {
    return (
      <div>
        <Title />
        <Content />
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'))